<template>
  <div id="ModelElement" class="ModelElement">
    <a-modal v-model="visible" title="类别" @ok="modelDetermine" @cancel="modelCancel">
        <div v-if="type === 'EDI'">
            <h1>编辑</h1>
        </div>
        <div v-else-if="type === 'DEL'">
            <h1>删除</h1>
        </div>
        <div v-else-if="type === 'CRE'">
            <h1>备用</h1>
        </div>
    </a-modal>
  </div>
</template>

<script>
export default {
  name: 'ModelElement',
  data() {
    return {
    }
  },
  props: {
    visible: {
      type: Boolean,
      required: true
    },
    type: {
      type: String,
      required: true
    },
    modelCancel: {
      type: Function,
      required: true
    },
    modelDetermine: {
      type: Function,
      required: true
    }
  },
  created() {},
  mounted() {},
  methods: {
    handleOk() {
        // this.visible = false
      console.log(1)
    },
    handleCancel(){

    }
  }
}
</script>
<style>
</style>